﻿@page "/panel"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Panel
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>Panel</strong> component.
</RadzenText>

<RadzenText Anchor="panel#templates" TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8">
    Templates
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Use <code>&lt;HeaderTemplate &gt;</code>, <code>&lt;ChildContent &gt;</code> and <code>&lt;SummaryTemplate &gt;</code> to define custom content for Panel component parts.
</RadzenText>

<RadzenText Anchor="panel#expand-collapse" TextStyle="TextStyle.H5" TagName="TagName.H2">
    Expand/Collapse
</RadzenText>
<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Use <code>AllowCollapse</code> property to allow expand/collapse and <code>Expand</code> and <code>Collapse</code> callbacks to catch if Panel component is expanded or collapsed.
</RadzenText>
<RadzenExample ComponentName="Panel" Example="PanelConfig">
    <PanelConfig />
</RadzenExample>
